<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>常用表单类型</title>
		<style type="text/css">
			textarea{
				
				resize: none;
			}
		</style>
	</head>
	<body>
		<form action="http://c14.bluej.cn/api/form.php" method="post">
			
			
	
		<div id="">
			姓名：<input type="text"/>
			
			
		</div>
		<div id="">
			密码：<input type="password"/>
		</div>
		<div id="">
			手机号：<input type="number"/>
		</div>
		<div id="">
			<!--
				如果是表示同一组数据的不同选项，就要设置相同name的值
				label的for属性和input里面ID相同时，点击label也可以选中input
			-->
			<label for="nan">男：</label><input type="radio" name="sex" checked="checked" id="nan"/>
		<label for="nv">女：</label><input type="radio" name="sex" id="nv"/>
		</div>
		<div id="">
			<!--
				checkbox 多选
				checked 表示单选或多选的默认值
			-->
			擅长：
			<label for="yy">游泳</label><input type="checkbox" name="yund" id="yy" value="游泳" />
			<label for="dlq">打篮球</label><input type="checkbox" name="yund" id="dlq" value="打篮球" />
			
		</div>
		<div>
			<!--
				下拉框
				optgroup 将option分组
				label 设置组名
			-->
			地址：
			<select name="">
				<optgroup label="广东">
				<option value="gz">广州</option>
				<option value="sz">深圳</option>
				<option value="zh">珠海</option>
				</optgroup>
				
			</select>
		</div>
		<div id="">
			<!--
				文本域textarea
			-->
			自我介绍
			<textarea width="150px" height="500px" disabled placeholder="请输入200字的自我介绍">今天天气也很好大萨达是的撒旦啊打算</textarea>
		</div>
		<div id="">
		<input type="file" name="" id="" value="选择文件" />	
		</div>
		<div id="">
			<!--
				reset 重置form表单中的内容
			-->
			<input type="image" src="img/hua1.png"/>
			<input type="reset" value="重置"/>
		</div>
		</form>
	</body>
</html>
